{extend name="base" /}
{block name="body"}
{include file="common/header" /}
<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
<style>
        body{  
            margin: 0;
            background-color: #<?php echo substr(str_shuffle(str_repeat('0123456789ABCDEF', 3)), 0, 6);?>;
        }
        .heart{
            width: 21px;
            height: 21px;
             top: 50px;
             right: 50px;
            background-color: {$cssColor};
            box-shadow: 5px 5px 20px 0 {$cssColor};
            animation: beat .7s linear infinite alternate;
            position: absolute;
        }
         .heart::before, .heart::after {
            float: left;
            position: absolute;
            content: "";
            width: 21px;
            height: 21px;
            color: mediumvioletred;
            background-color: inherit;
            box-shadow: 0 0 20px 0 {$cssColor};
            border-radius: 50%;
        }
         .heart::before{
           top:-50%;
        }
         .heart::after{
            left:50%;
        }
        
        @keyframes beat {
             0%{transform: rotate(-45deg) scale(0.5);}
            20%{transform: rotate(-45deg) scale(0.8);}
            40%{transform: rotate(-45deg) scale(1.1);}
            60%{transform: rotate(-45deg) scale(1.4);}
            80%{transform: rotate(-45deg) scale(1.7);}
            100%{transform: rotate(-45deg) scale(2.0);}
        }
 /* 阅读寄语 */
.topBigImgText{
  margin:5px 5px; 
  padding:7px 7px; 
  border-top:0px dashed #7dd382;
  border-bottom:0.5px dashed #ff0000; 
  border-left:0px dashed #ff55ff; 
  border-right:0px dashed #00a000; 
  border-radius:3px;
}
.imgText{  
  BACKGROUND: #e7e8eb url("/static/libs/images/bg.jpg"); 
  padding:5px 5px;
  font-size: 13px;
  line-height: 25px;
  text-indent: 2em;
  color: #<?php echo substr(str_shuffle(str_repeat('0123456789ABCDEF', 5)), 0, 6);?>;
}
    </style>
<div class="heart"></div>
      <div class="fly-panel">
        <ul class="fly-list">
<div id="page1-content">
     {volist name="model['list']" id="vo" empty="<div class='detail-abouts'><i class='iconfont icon-zan' title='暂时没有数据'></i>&nbsp;&nbsp;<strong>暂时没有数据，本文来自互联网或网友投稿，如有侵权或违规请联系管理员删除！</strong></div>"}
                  <li>
              <a href="{:url('detail/index?Art=' . base64_encode($vo['id']) . '')}" class="fly-avatar">
              <img src="{$vo.image}" alt="{$vo.title}">
            </a>
            <h2>
              <a href="{:url('detail/index?Art=' . base64_encode($vo['id']) . '')}">{$vo.title}</a>
            </h2>
            <div class="fly-list-info">
              <a href="{:url('detail/index?Art=' . base64_encode($vo['id']) . '')}" link="">
                <cite><span><i class="iconfont" title="人气"></i>{$vo.view}</span></cite>
              </a>
              发表时间：{:time_trans($vo['create_time'])} &nbsp;&nbsp;浏览量：{$vo.view}
            </div>
          </li> 
          {/volist}
          </div>  
        </ul>
        
         
    <div class="login-wrappers" id="search_json" type="page" times="2" showtime="0" contype="cssColor" style="display: none;">
  
    <form action="/article/search_json">
      <input autocomplete="off" placeholder="搜索内容，回车跳转" name="search" type="text"></form>
    </div>       
    <!-- 移 动 端 便 捷 操 作 -->
    <div class="icon">
        <span id="layers"><span class="pear-collapsed-pe collapse"><i class="layui-icon layui-icon-search"></i></span></span>
  </div>
      </div>
    </div>
    <div class="layui-col-md4">
      <dl class="fly-panel fly-list-one">
    <div class="topBigImgText">
        <div1 class="imgText">
            <b>阅读寄语</b>：{$reading}
        </div1>
    </div>
        <dt class="fly-panel-title"><h2>今日随机推荐阅读<?php echo $cssColor;?>({$online})</h2></dt>
        {volist name="model['data']" id="vo" empty="<div class='detail-abouts'><i class='iconfont icon-zan' title='暂时没有数据'></i>&nbsp;&nbsp;<strong>暂时没有数据，本文来自互联网或网友投稿，如有侵权或违规请联系管理员删除！</strong></div>"}
                <dd>
          <a href="{:url('detail/index?Art=' . base64_encode($vo['id']) . '')}">{$vo.title}</a>
          <span class="right"><i class="iconfont" title="人气"></i>{$vo.view}</span>
        </dd>
         {/volist}
                <!-- 无数据时 -->
        <!--
        <div class="fly-none">没有相关数据</div>
        -->
      </dl>

      <div class="fly-panel">
        <div class="fly-panel-title">
          广告位出租
        </div>
        <div class="fly-panel-main">
          <a href="https://ztuc.cn/" target="_blank" class="fly-zanzhu" time-limit="2017.09.25-2099.01.01" style="background-color: #5FB878;">WY线报第一分享网云梦社区</a>
        </div>
      </div>
      
      <div class="fly-panel fly-link">
        <h3 class="fly-panel-title">友情链接</h3>
        <dl class="fly-panel-main">
                  <dd><a href="http://wap.ztuc.cn/" target="_blank">折腾社区</a></dd>
                  <dd></dd>
                  <dd><a href="http://ztuc.cn/" target="_blank">云梦社区</a></dd>
                  <dd></dd>
                   <dd><a href="http://nokc.cn/" target="_blank">两性之家</a></dd>
                  <dd></dd>
                  <dd><a href="mailto:8142355@qq.com?subject=%E7%94%B3%E8%AF%B7Fly%E7%A4%BE%E5%8C%BA%E5%8F%8B%E9%93%BE" class="fly-link">申请友链</a></dd>
                  <dd></dd>
              </dl>
      </div>
 
     <!--轮播在cms.base.js里-->
    <div class="layui-carousel" id="banner">
      <div carousel-item>
        
            {foreach $banner as $vo}

                <div style="background-image: url('{$vo.image}'); background-position: center;">
            <div class="layui-container">  
                <div class="pro-con pull-left"><!--pull-right>
                    <h1 class="layui-anim layui-anim-up">
                        响应式         
                        
                    </h1-->
                    <div class="layui-elem-quote child">
                       <blockquote>
                   {:html_entity_decode($vo.desc)}
                 </blockquote> 
                    </div>
                </div>
            </div>
        </div>
        {/foreach}
      </div>
    </div>

    <!--轮播--> 
    </div>
  </div>
</div>

   {/block}      
{block name="js"}

<script type="text/javascript">
   $("#layers").click(function(){ 
  layer.open({
        type: 1,
        shadeClose: true, // 点击遮罩区域，关闭弹层
        anim: 1, // 0-6 的动画形式，-1 不开启
        title: false, //不显示标题栏
        closeBtn: false,
        area: '300px;',
        shade: 0.8,
        id: 'LAY_layuipro', //设定一个id，防止重复弹出
        content: $('#search_json'),
        end: function (){
       $('#search_json').hide();
          }
       })
    });  

   </script>
{include file="common/footer" /}
{/block}   